{% include 'head.html' %}








<body>





  <!-- 最为层容器 -->
  <div class="jd_container" style="background-color: #f0f0f0;">
    <!-- 顶部 -->
    <div class="jd_header" style="height: 50px;background: #dce2ec;width: 100%">

      <!--<span style="float: left;margin-left: -18%;margin-top: 15px;">货比三家</span>-->
      <a onclick="window.history.back();" >
        <div style="width: 10%;margin-left: -20%;">
        <span style="float: left;margin-top: 12px;font-size: 23px;color: #000;">
          <i class="fa fa-chevron-left">
          </i>
        </span>
        </div>
      </a>
      
      <div style="text-align:center;margin-top: 5%;float: left;width: 90%;">
        <span style="font-size: 19px;"><b>我的主页</b></span>
      </div>

      <a onclick="window.history.back();" >
        <div style="margin-right: -15%;float: right;margin-top: 12px;">
        <span style="font-size: 23px;color: #000;top:0;">
          <i class="fa fa-search">
          </i>
        </span>
      </div>
      </a>

    </div>


  
    
    
<style type="text/css">
  
  .notice {
    width:20px;
    height:20px;
    line-height:20px;
    font-size:10px;
    color:#fff;
    text-align:center;
    background-color:#f00;
    border-radius:50%;
    position:absolute;
    right:-10%;
    top:-10%;
    z-index:99;
}
</style>




    <!-- 导航栏
    <div class="jd_nav" style="height: 210px;background: url(static/images/my_bk.png);background-repeat: no-repeat;
  background-size: cover;"> -->
  <div class="jd_nav" style="height: 210px;background: url(http://hbsj.xyz/h5/my_bk.png) no-repeat center center scroll;">
  
      <div style="margin-top: 23%;float: left;margin-left: 10%;">   
        <img src="{{headimg}}" style="width: 80px;height: 80px;margin-bottom: 20px;" class="img-circle">
      </div>
      
      <div style="margin-top: 21%;margin-left: 5%;float: left;color: #fff;">
        <h2>{{username}}</h2>
        <span>积分 ： {{ jifen }}</span>
      </div>
      
     
      
    </div>

    <div class="jd_nav" style="background-color: #f0f0f0;height: 100px;margin-bottom:-20px;">

        <div style="width: 15%;height: 60px;margin: 5%;float: left;position:relative;">
          <!--<span class="notice">12</span>-->
          <img style="height: 90%;" src="http://hbsj.xyz/h5/my_sl.png">
        </div>

        <a href="/fabuxz">
          <div style="width: 15%;height: 60px;margin: 5%;float: left;">
            <img style="height: 90%;" src="http://hbsj.xyz/h5/my_fb.png">
          </div>
        </a>

        <div style="width: 15%;height: 60px;margin: 5%;float: left;position:relative;">
          <img style="height: 90%;" src="http://hbsj.xyz/h5/my_xx.png">
          <!--<span class="notice">12</span>-->
        </div>

        <div style="width: 15%;height: 60px;margin: 5%;float: left;"><img style="height: 90%;" src="http://hbsj.xyz/h5/my_hy.png"></div>

    </div>


<div id="main_cz" style="background-color: #fff">
      <hr>
      <a  type="button" onclick="openxgxx();">
        <div style="width: 90%;margin-left: 5%;color: #000;">
          <span style="font-size: 15px;">修改信息</span> 
          <i class="fa fa-angle-right" style="float: right;margin-right: 10%;font-size: 20px;">
          </i>
        </div>
        </a>
      
      <hr>
      <a  type="button" href="/sc">
        <div style="width: 90%;margin-left: 5%;color: #000;">
          <span style="font-size: 15px;">我的收藏</span> 
          <i class="fa fa-angle-right" style="float: right;margin-right: 10%;font-size: 20px;">
          </i>
        </div>
      </a>
      <hr>

      <a  type="button" onclick="webToast('历史查询记录暂未开放！','middle',2000);">
        <div style="width: 90%;margin-left: 5%;color: #000;">
          <span style="font-size: 15px;">历史查询记录</span> 
          <i class="fa fa-angle-right" style="float: right;margin-right: 10%;font-size: 20px;">
          </i>
        </div>
      </a>
      <hr>

      <a  type="button" onclick="webToast('我的发布列表暂未开放！','middle',2000);">
        <div style="width: 90%;margin-left: 5%;color: #000;">
          <span style="font-size: 15px;">我的发布列表</span> 
          <i class="fa fa-angle-right" style="float: right;margin-right: 10%;font-size: 20px;">
          </i>
        </div>
      </a>
      <hr>

      <a  type="button" onclick="opensz();">
        <div style="width: 90%;margin-left: 5%;color: #000;">
          <span style="font-size: 15px;">设置</span> 
          <i class="fa fa-angle-right" style="float: right;margin-right: 10%;font-size: 20px;">
          </i>
        </div>
      </a>
      <hr>

      <a  type="button" href="/aboutus">
        <div style="width: 90%;margin-left: 5%;color: #000;">
          <span style="font-size: 15px;">联系我们</span> 
          <i class="fa fa-angle-right" style="float: right;margin-right: 10%;font-size: 20px;">
          </i>
        </div>
      </a>
      <hr>

</div>
    





<div id="sz" style="background-color: #fff;display: none;">
  <hr>
      <a  type="button" onclick="openmain();">
        <div style="width: 90%;margin-left: 5%;color: #191970;">
          <span style="font-size: 15px;">返回上一级菜单</span> 
          <i class="fa fa-angle-right" style="float: right;margin-right: 10%;font-size: 20px;">
          </i>
        </div>
        </a>
      
  <hr>
      <a  type="button" href="/outLogin">
        <div style="width: 90%;margin-left: 5%;color: #000;">
          <span style="font-size: 15px;">退出登录</span> 
          <i class="fa fa-angle-right" style="float: right;margin-right: 10%;font-size: 20px;">
          </i>
        </div>
        </a>
      
  <hr>
      


</div>



<div id="xgxx" style="background-color: #fff;display: none;">
  <hr>
      <a  type="button" onclick="openmain();">
        <div style="width: 90%;margin-left: 5%;color: #191970;">
          <span style="font-size: 15px;">返回上一级菜单</span> 
          <i class="fa fa-angle-right" style="float: right;margin-right: 10%;font-size: 20px;">
          </i>
        </div>
        </a>
      
  <hr>
      <a  type="button" href="/modifhead">
        <div style="width: 90%;margin-left: 5%;color: #000;">
          <span style="font-size: 15px;">更换头像</span> 
          <i class="fa fa-angle-right" style="float: right;margin-right: 10%;font-size: 20px;">
          </i>
        </div>
        </a>
      
  <hr>
      <a  type="button" onclick="c_name();">
        <div style="width: 90%;margin-left: 5%;color: #000;">
          <span style="font-size: 15px;">更换姓名</span> 
          <i class="fa fa-angle-right" style="float: right;margin-right: 10%;font-size: 20px;">
          </i>
        </div>
      </a>
  <hr>


</div>

<script type="text/javascript">
    
    function c_name(){
      popTipShow.alert('提示','对不起为了货比三家社区的友好性，昵称只能一年修改一次，您是未满足此规则！', ['确认'],
                function(e){
                  //callback 处理按钮事件     
                  var button = $(e.target).attr('class');
                  if(button == 'ok'){
                  //按下确定按钮执行的操作
                  //todo ....

                  window.location.href="/my";


                  } 
                }
              );
    }

</script>



<script type="text/javascript">
  
  function opensz(){
    $("#main_cz").hide();
    $("#sz").show();
  }

  function openxgxx(){
    $("#main_cz").hide();
    $("#xgxx").show();
  }

  function openmain(){
    $("#main_cz").show();
    $("#sz").hide();
    $("#xgxx").hide();
  }


</script>






    <!-- 京东内容区域 -->
    <div>
      <div style="margin-bottom: 100px;">
        

      </div>
    </div>


    

  </div>







{% include 'foot_sp.html' %}